* {
	padding: 0;
	margin: 0;
}
/* 通用通栏 */
:root {
	--totalWid: 100%;
}
html,
body {
	width: var(--totalWid);
}
/* var()函数 */
header {
	padding: 0 20px;
	width: 100%;
	height: 66px;
	background-color: #0c5fcf;
	border-bottom: 1px solid #fff;
}
header a {
	/* display: block; */
}
header > a h1 {
	background: url(../imgs/new-logo-white.png) no-repeat center;
	width: 230px;
	height: 66px;
}

/* 中间列表 */
header ul li {
	margin: 10px;
}
header ul li a {
	color: #fff;
}
header ul li.active {
	border-bottom: 2px solid #fff;
	line-height: 64px;
}
/* 右边登录 */
header div span {
	/* 转为怪异盒子不让他跑 */
	display: inline-block;
	padding: 4px 8px;
	border: 1px solid #fff;
	border-radius: 15px;
	margin: 0 10px;
}
/* 最后一个 */
header div span:last-child {
	background-color: #ed510e;
	border: 2px;
}
/* banner图 */
#banner {
	width: 100%;
	height: 610px;
	background-color: #0c5fcf;
}
/* 三张图片 */
#banner .swiper .swiper-wrapper div:nth-child(1) {
	background: url(../imgs/banner1.png) no-repeat center;
	/* 图片高度 */
	height: 610px;
	/* 随着页面的缩小变大会跟着变化 */
	background-size: cover;
}
#banner .swiper .swiper-wrapper div:nth-child(2) {
	background: url(../imgs/banner2.png) no-repeat center;
	/* 图片高度 */
	height: 610px;
	/* 随着页面的缩小变大会跟着变化 */
	background-size: cover;
}

#banner .swiper .swiper-wrapper div:nth-child(3) {
	background: url(../imgs/banner3.png) no-repeat center;
	/* 图片高度 */
	height: 610px;
	/* 随着页面的缩小变大会跟着变化 */
	background-size: cover;
}
/* 云服务区 */
#service {
	width: 100%;
	height: 510px;
	/* background-color: #ed510e; */
	margin-top: 100px;
}
#service .container {
	/* border: 1px solid black; */
	height: 630px;
}

#cloudList {
	width: 100%;
	height: 288px;
	background-color: #fff;
}
#cloudList .smllTitle {
	padding-left: 10px;
	/* 云搜索下 */
	padding-bottom: 10px;

	/* 盒子阴影 */
	box-shadow: 4px 7px 12px #629dea;
}
/* 海量apl */
#apiList {
	flex-wrap: wrap;
}
#apiList li {
	width: 220px;
	height: 140px;
	/* border: 1px solid black; */
	display: flex;
	/* 控制主轴方向主轴垂直方向，从上往下; */
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* 盒子阴影 */
	box-shadow: 4px 7px 12px #629dea;
	margin-bottom: 18px;
}
#apiList li img {
	margin-bottom: 10px;
}
#AIP {
	background: url(../imgs/more-api-bg.svg) no-repeat center;
	background-color: #f8f9fb;
	padding: 50px 0px;
}
#Apply {
	text-align: center;
	margin-top: 10px;
}
/* 慧集 */
#collectionList li {
	width: 510px;
	height: 78px;
	background-color: #ffffff;
	box-sizing: border-box;
	margin: 20px 0px;
	padding: 15px 10px;
	line-height: 25px;
	position: relative;
}
/* 伪元素做 */
#collectionList li::before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 27px;
	background-color: #85b6f6;
	position: absolute;
	left: 0;
	top: 25px;
}
/* 独角兽区 */

#unicorn {
	width: 100%;
	height: 520px;
	margin-top: 100px;
}
/* 背景图 */
#unicornbjt {
	bottom: 119px;
	left: 0;
	width: 100%;
	height: 270px;
	z-index: 1;
}
/* 图文 */
.unicorncont {
	left: 50%;
	transform: translate(-50%);
	z-index: 9;
	/* 弹性盒子 */
	display: flex;
	height: 290px;
	/* border: 1px solid black; */
	/* 透明度0 */
	opacity: 0;
}
.unicorncont > img {
	width: 576px;
	height: 290px;
}
#unicornRt {
	height: 290px;
	padding: 0 70px;
	box-sizing: border-box;
}
#unicornRt p:nth-child(2) {
	font-size: 14px;
	line-height: 30px;
}
#unicornRt p:nth-child(3) {
	font-size: 12px;
	text-align: right;
	line-height: 60px;
	/* 父元素定位 */
	position: relative;
}
/* 设置小杆杆 */
#unicornRt p:nth-child(3)::before {
	content: "";
	display: block;
	width: 15px;
	height: 4px;
	background-color: #629dea;
	position: absolute;
	right: 65px;
	top: 30px;
}
/* 数据安全 */
#dependability li {
	width: 160px;
	height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	/* justify-content: center; */
	align-items: center;
}
/* 产品服务 */
#product {
	background: url(../imgs/login-register-bg.svg) no-repeat center;
	width: 100%;
	height: 240px;
	background-color: #1271ef;
	margin-top: 50px;
}
#productapl {
	text-align: center;
	padding: 65px 0px;
	box-sizing: border-box;
}
#productapl > h1 {
	color: #fff;
}
#productapl button:nth-child(2) {
	color: #f8f9fb;
	background-color: #1271ef;
	border: 2px;
	border: 1px solid #fff;
	width: 120px;
	height: 30px;
}
/* 联系与支持 */
/* ul下面的第一个li字体大小 */
#containerList ul li:first-child {
	font-size: 23px;
}
#containerList ul li:nth-child(2) {
	color: #cacbcd;
}
#containerList ul li:nth-child(3) {
	color: #cacbcd;
}
#containerList ul li:nth-child(4) {
	color: #cacbcd;
}
#containerList ul li:nth-child(5) {
	color: #cacbcd;
}
#containerList ul li:nth-child(6) {
	color: #cacbcd;
}
#containerList ul li:nth-child(7) {
	color: #cacbcd;
}

/* 与上面的距离 */
#about {
	margin-top: 30px;
}
/* 右边ul li的宽度 */
#containerList {
	width: 760px;
}
#containerList li {
	line-height: 50px;
}
/* 右边图片大小 */
#dimensional img {
	width: 150px;
	height: 150px;
}
/* 右边第二个p颜色 */
#dimensional p:nth-child(2) {
	font-size: 14px;
	color: #dbcfc7;
}
#dimensional p {
	line-height: 35px;
}
#dimensional {
	/* 文本向右对齐 */
	text-align: right;
}
/* 尾部 */
#tail span {
	color: #cacbcd;
}
#tail p {
	color: #cacbcd;
}
/* 三角小图 */
/* 返回顶部 */
#ReturnList {
	/* 父元素 */
	position: relative;
}
/* 精灵图 */
#Return {
	/* 子元素 */
	position: fixed;
	right: 50px;
	bottom: 0px;
	/* 设置背景图位置 */
	background: url(../imgs/returntopicon.jpg) no-repeat #fff;
	width: 40px;
	height: 40px;
	/* 把圆角改圆一点 */
	border-radius: 50%;
	/* 背景图位置调整 */
	background-position: -163px -56px;
	/* 层级定高一点 */
	z-index: 9;
}
